<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
	<!--bootstrap-->
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<!--vue-->
	<script type="text/javascript" src="/static/js/vue.js"></script>
	<title>My First Page</title>
</head>
<body>
<nav class="navbar navbar-inverse">
	<ul class="nabar-header">
		<a href="#" class="navbar-brand">My First Page</a>
	</ul>
</nav>
<div class="container container-center jumbotron">
	<div class="col-sm-4 col-sm-offset-4">
		<div id="app" class="form-group">
			<p>SHT:{{tem.sht}}    DHT:{{tem.dht}}<p>
			<p class="form-control" v-text="aaa"></p>
			<span>Input here: </span>
			<input class="form-control" v-model="aaa">
		</div>
	</div>
</div>
<script type="text/javascript">
	var vm = new Vue({
		el: '#app',
		data:{
			aaa: '',
		}
	})
</script>

</body>
</html>